<template>
	<!-- 顶部-视频内容 -->
	<view class="item">
		<view class="sh">
			<view>
				<image class="tp" src="../../../static/logo.png" mode="">
					<text class="wb">曼联客场不败场次在英超排名第二，阿森纳27次客场不败</text>
				</image>
			</view>
		</view>
		<view class="dhw">
			<view class="">
				<image class="tps" style="width: 110rpx;height: 110rpx;" src="../../../static/logo.png" mode=""></image>
			</view>
			<view>
				<view class="zt">
					大河网
				</view>
				<view class="rq">
					12/14 10:53
				</view>
			</view>
			<view class="reg-right">
				+关注
			</view>
		</view>
		<view class="items">


			<view>
				<text>
					曼联客场对阵阿斯顿维拉，这场比赛的结果对于现阶段的曼联来说影响
					并不是很大，但如果一旦曼联输球，他们的同城死敌曼城就将提前加冕本赛季的英超冠军。在这样的大
					背景下，曼联众将士自是不愿意间接助攻死敌夺冠，因此在上半场落后的情况下，，曼联在下半场发起
					了猛烈反扑，最终红魔以3-1的比分战胜了对手。

					由于最近一段时间曼联赛程十分密集，打完罗马之后，曼联又紧锣密鼓
					地来到维拉公园球场。比赛一开始，曼联众球星都显得有些疲惫，正是这样的一种疲惫状态，让曼联在
					场上犯错了。在比赛进行至第23分钟的时候，弗雷德的失误酿成大错，特劳雷进球打破场上僵局。丢球
					之后，场边的索尔斯克亚也陷入了沉思。

					到了下半场，曼联开启了反扑模式，在下半场仅仅只进行了10分钟的时
					间，曼联就先后由费尔南德斯（点 球）以及格林伍德打入两粒进球将比分反超。随后超级替补卡瓦尼出
					场，在比赛降临结束的时候，卡瓦尼打入了锁定胜局的进球，将最终场上比分定格在了3-1。

					不得不说的是，本赛季的曼联似乎习惯了对手先进球。根据OPTA的数据统
					计，本赛季曼联在客场一共10次先被对手进球，最终红魔取得了9次逆转（9胜1平）。更重要的是，算
					上主场比赛，曼联在先被进球的情况下，一共赢得了10场比赛，在落后的情况下为球队抢到了31个积
					分，创造了单通季球队逆转的记录。

					在赢得这场胜利之后，曼联将他们的客场不败战绩延续到了25场，这样
					的客场不败场次在英超历史上排名第二。在曼联身前的只剩下阿森纳，在2003-04赛季，阿森纳一共27
					次客场不败。

					拿下3分之后，曼联与曼城之间的分差还有10分，由于曼联少赛一轮，因
					此在理论上，曼联还有夺冠的希望。虽然说本赛季英超冠军基本上已经基本确定是曼城，但曼联如今能
					做的就是稳扎稳打拿下每一场比赛。至于曼城何时加冕，站在曼联的立场，自然希望给是越晚越好。
				</text>
			</view>
			<view class="jd">
				校队 刘军
			</view>
		</view>
		<view class="pt">
			<view class="">
				<image src="../../../static/logo.png" style="height: 20rpx;width: 20rpx;" mode=""></image>
			</view>
			<view class="ptjj">
				平台声明
			</view>
		</view>
		<view class="jc">
			<view class="jcs">
				精彩推荐
			</view>
		</view>
		<view class="xw">
			<view>
				<view>
					单节24分，5个三分球！库里打疯了，半场狂胜25分
				</view>
				<view class="xwnr">
					<view class="xwnrs">
						科技狐头条
					</view>
					<view class="xwnrs">
						3737评
					</view>
				</view>
			</view>
			<view>
				<image src="../../../static/logo.png" style="width: 200rpx;height: 150rpx;border-radius: 20rpx;"
					mode=""></image>
			</view>
		</view>
		<view class="xws">

		</view>
		<view class="xw">
			<view>
				<view>
					意甲第35轮国米进攻的弱点是什么，国米进攻优势是什么
				</view>
				<view class="xwnr">
					<view class="xwnrs">
						科技狐头条
					</view>
					<view class="xwnrs">
						9677评
					</view>
				</view>
			</view>
			<view class="">
				<image src="../../../static/logo.png" style="width: 200rpx;height: 150rpx;border-radius: 20rpx;"
					mode=""></image>
			</view>
		</view>
		<view class="xws">

		</view>
		<view class="xws">

		</view>
		<view class="jc">
			<view class="jcs">
				我来说两句
			</view>
		</view>
		<view class="" style="color: #c5c5c5;margin-bottom: 30rpx;margin-left: 20rpx;">
			热门评论
		</view>
		<view class="pl">
			<view class="">
				<image src="../../../static/logo.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view class="">
						<view class="zt1">
							网友872503
						</view>
						<view class="sj">
							<view class="sjs">
								2小时前
							</view>
							<view class="sjs">
								广西贵港市
							</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">
							7
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
					</view>
				</view>
				<view class="pll">
					微笑生活，勇敢面对
				</view>
			</view>
		</view>
		<view class="pl">
			<view class="">
				<image src="../../../static/logo.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view class="">
						<view class="zt1">
							网友872503
						</view>
						<view class="sj">
							<view class="sjs">
								2小时前
							</view>
							<view class="sjs">
								广西贵港市
							</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">
							7
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
					</view>
				</view>
				<view class="pll">
					真看不懂，理解不了
				</view>
			</view>
		</view>
		<view class="pl">
			<view class="">
				<image src="../../../static/logo.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view class="">
						<view class="zt1">
							网友872503
						</view>
						<view class="sj">
							<view class="sjs">
								2小时前
							</view>
							<view class="sjs">
								广西贵港市
							</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">
							7
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
						<view class="plll">
							<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
						</view>
					</view>
				</view>
				<view class="pll">
					不应该/应该如何面对
				</view>
			</view>
		</view>
		<view class="xhx">

		</view>
		<!-- 底部 -->
		<view class="zdb">
			<view class="">
				<image src="../../../static/logo.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
			<view class="left">
				<input type="text" style="width: 220rpx;margin-right: 20rpx;font-size: 25rpx;" placeholder="有何观点"
					class="search_input">
			</view>
			<view class="jl">
				<image src="../../../static/logo.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
			</view>
			<view class="jl">
				<image src="../../../static/logo.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
			<view class="jl">
				<image src="../../../static/logo.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.item {
		margin-left: 15rpx;
	}

	.items {
		margin: 20rpx 20rpx 20rpx 20rpx;
	}

	.zt {
		font-size: 35rpx;
		margin-top: 10rpx;
		margin-left: 15rpx;
	}

	.rq {
		font-size: 30rpx;
		color: #b9b9b9;
		margin-left: 15rpx;
		margin-top: 5rpx;
	}

	.sh {
		margin-right: 30rpx;
	}

	.tp {
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}

	.sj {
		color: #c8c7cc;
		font-size: 30rpx;
		display: flex;
		flex-direction: row;
	}

	.sjs {
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5rpx;
	}

	.wb {
		font-size: 40rpx;
	}

	.dhw {
		display: flex;
		flex-direction: row;
		/* 在一行显示、两个同时用才会显示在一行 */
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.tps {
		width: 80rpx;
		height: 80rpx;
	}

	.a {
		margin-top: 30rpx;
		margin-right: 30rpx;
	}

	.dhb {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.b {
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}

	.reg-right {
		background-color: #dd524d;
		height: 45rpx;
		border-radius: 60rpx;
		color: #ffffff;
		width: 120rpx;
		text-align: center;
		margin-top: 30rpx;
		margin-left: 280rpx;
		font-size: 30rpx;
	}

	.jd {
		animation: 40rpx;
	}

	.pt {
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		font-size: 25rpx;
		display: flex;
		flex-direction: row;
	}

	.ptjj {
		margin-left: 10rpx;
	}

	.jc {
		background-color: #f05954;
		width: 160rpx;
		color: #ffffff;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;
	}

	.jcs {
		text-align: center;
		font-size: 25rpx;
	}

	.xw {
		display: flex;
		flex-direction: row;
		margin: 20rpx;
	}

	.xws {
		border-bottom: 1rpx solid #d0d0d0;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.xwnr {
		display: flex;
		flex-direction: row;
		color: #b9b9b9;
		font-size: 30rpx;
		margin-top: 10rpx;
	}

	.xwnrs {
		margin-right: 30rpx;
		font-size: 25rpx;
	}

	.pl {
		display: flex;
		flex-direction: ;
		margin-right: -300rpx;
		margin-bottom: 40rpx;
	}

	.lp {
		margin-left: -30rpx;
	}

	.pll {
		display: flex;
		flex-direction: ;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-left: 60rpx;
	}

	.plll {
		margin-right: 65rpx;
		color: #999999;
	}

	.xhx {
		border-bottom: 1rpx solid #c0c0c0;
		margin-bottom: 20rpx;
		margin-top: 50rpx;
		margin-right: 20rpx;
		margin-left: 110rpx;
	}

	.jz {
		color: #c0c0c0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}

	.zdb {
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 0rpx;
		background-color: #ffffff;
		width: 100%;
		height: 60rpx;
	}

	.left {
		height: 10rpx;
		margin-left: 20rpx;
	}

	.search_input {
		background-color: #f8f8f8;
		/* 背景颜色 */
		border-radius: 40rpx;
		/* 设置边框圆角，半径 */
		padding: 5rpx 30rpx 6rpx 30rpx;
		/* 内间距 */
		margin-right: 1rpx;
	}

	.jl {
		margin-left: 70rpx;
	}

	.zt1 {
		font-size: 30rpx;
		color: #007aff;
		margin-top: 70rpx;
	}
</style>
